#wrap {
    width: 100%;
    min-width: 1217px;
    height: 346px;
    position: relative;
}

.ppt-box {
    width: 100%;
    min-width: 1217px;
    height: 346px;
    /*border: 1px solid black;*/
    position: relative;
    margin: 0 auto;
}

.ppt-box div {
    width: 100%;
    min-width: 1217px;
    height: 346px;
    position: absolute;
    background-size: 100% 100%;
    opacity: 0;
}

#p1 {
    background-image: url(pic/banner1.jpg);
    opacity: 1;
}

.p2 {
    background-image: url(pic/banner2.jpg);
}

.p3 {
    background-image: url(pic/banner3.jpg);
}

.p4 {
    background-image: url(pic/banner4.jpg);
}

.p5 {
    background-image: url(pic/banner5.jpg);
}

.dot {
    width: 100px;
    height: 15px;
    z-index: 1000;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
}

.dot li {
    float: left;
    list-style: none;
    width: 15px;
    height: 15px;
    display: block;
    margin-left: 5px;
    background: url(pic/icon.png) no-repeat -50px -391px;
}
#l1{
    background: url(pic/icon.png) no-repeat -50px -371px;
}


.prev {
    position: absolute;
    height: 68px;
    width: 43px;
    left:10px;
    top: 150px;
    background: url(pic/icon.png) no-repeat -93px -421px;
    z-index: 10000;
    opacity: 0;
}

.next {
    height: 68px;
    width: 43px;
    right: 10px;
    position: absolute;
    top: 150px;
    opacity: 0;
    z-index: 10000;
    background: url(pic/icon.png) no-repeat -138px -421px;
}
.next:hover{
    background: url(pic/icon.png) no-repeat -48px -421px;
}
.prev:hover{
    background: url(pic/icon.png) no-repeat -3px -421px;
}

.banner:hover .cut {
    opacity: 1;
    transition:opacity 0.5s linear;
}